<template>
  <view>
    <view>show={{show}}</view>
    <view class="show-test" v-show="show">view</view>
    <child-test class="show-test" v-show="show">custom component</child-test>
    <child-test2 class="show-test" :show="show"></child-test2>
    <button @click="show=!show">toggle</button>
  </view>
</template>

<script>
import childTest from './child-test'
import childTest2 from './child-test2'

export default {
  components: {
    childTest,
    childTest2
  },
  data () {
    return {
      show: false,
    }
  },
}
</script>

<style>
.show-test {
  display: block;
}
</style>